import { createApp } from 'vue'
import { createRouter,createWebHashHistory } from "vue-router";
import store from '@/store'
import nProgress from 'nprogress'
import 'nprogress/nprogress.css'

import routes from './routes'

// 配置路由
const router = createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
    history: createWebHashHistory(),
    scrollBehavior: () => ({ top: 0, left: 0 }),
    routes, // `routes: routes` 的缩写
})

router.beforeEach(async(to, from, next) => {
    nProgress.start()
    // 判断当前路径是否需要登录，默认不需要
    let isAuth = to.meta.auth || false
    let toPath = to.path
    // if (!localStorage.getItem('token')) {
        // 还没有用户信息，去获取用户信息
        // store.dispatch('getUserInfoAction').then(response => {
        //     nProgress.done()
        //     next()
        // }, error => {
        //     if (isAuth && error.message == '未登陆') {
        //         // 如果需要登录才能访问的页面，但是未登录，需要跳转到登录页面
        //         store.commit('CLEARUSERINFO')
        //         nProgress.done()
        //         next('/login?redirect=' + toPath)
        //     }
        // })
        // next('/login?redirect=' + toPath)
    // }
    if (isAuth) {
        // 如果需要 登录
        if (!localStorage.getItem('token')) {
            // store.commit('CLEARUSERINFO')
            next('/login?redirect=' + toPath)
            nProgress.done()
        } else {
            nProgress.done()
            if (to.path == '/login') {
                next('/')
            } else {
                next()
            }
        }
    } else {
        // 不需要登录
        nProgress.done()
        next()
    }
})

router.afterEach(() => {
    nProgress.done()
})

export default router